// map.js
// 地址解析，引入qqmap组件
import qqmap from '../../../utils/qqmap'
Page({
  data: {
    latitude: 40.060539,
    longitude: 116.343847,
    pairdetail: null,//报修详情数据
    // 地址解析
    location: '中国广州吉山汇和商业大厦'
  },
  // 获取到传入的id
  onLoad({ id }) {
    this.getrepairdetail(id)
    this.addressresolution(this.data.location)
  },
  // 发送请求获取报修详情数据
  async getrepairdetail(id) {
    const res = await wx.http.get(`repair/${id}`)

    if (res.code !== 10000) return wx.utils.toast()
    this.setData({
      pairdetail: res.data
    })
  },
  // 地址解析
  // 根据中文地址解析为经纬度
  // 将经纬度在map组件上使用，那么组件就会根据经纬度显示地图位置
  addressresolution(address) {
    qqmap.geocoder({
      address: address,
      success: res => {
        // 将传入的数据解析出来的经纬度保存在data中
        this.setData({
          latitude: res.result.location.lat,
          longitude: res.result.location.lng,
        })
      }
    })
  },
  //点击修改跳转表单页面
  putrepair(e) {
    console.log(e);
    wx.navigateTo({
      url: `/repair_pkg/pages/form/index?id=${e.mark.id}`
    })
  },
  // 点击取消报修
  celrepair(e) {
    wx.showModal({
      title: "提示",
      content: "您确定要取消吗",
      success: async v => {
        // 回调函数返回一个确认或取消
        // 如果当前回调函数的confirm值为true
        // 则用户点击的是确认
        if (v.confirm) {
          // 那么发送请求
          const res = await wx.http.put(`cancel/repaire/${e.mark.id}`)
          // 提示用户
          if (res.code !== 10000) return wx.utils.toast(res.message)

          wx.showToast({
            title: '取消成功'
          })
          // 设置定时器先提示再进行跳转
          //跳转
          setTimeout(() => {
            wx.navigateTo({
              url: "/repair_pkg/pages/list/index"
            })
          }, 1500);
        }
      }
    })

    //

  }
})
